import { Tabs, Col, Row } from 'antd';
import React from 'react';
import WeekPage from './WeekPage';
import MonthPage from './MonthPage';
import YearPage from './YearPage';
import ListSort from './ListSort';
const { TabPane } = Tabs;
export default function Xiaoshou() {
    return (
        <div style={{ backgroundColor: "white", margin: '10px auto' }}>
            <Row>
                <Col span={15}>
                    <div style={{ paddingLeft: '10px', boxSizing: 'border-box' }}>
                        <Tabs defaultActiveKey="week" >
                            <TabPane tab="本周" key="weekPage">
                                <WeekPage />
                            </TabPane>
                            <TabPane tab="本月" key="monthPage">
                                <MonthPage />
                            </TabPane>
                            <TabPane tab="今年" key="yearPage">
                                <YearPage />
                            </TabPane>
                        </Tabs>
                    </div>
                </Col>
                <Col span={8} offset={1}>
                    <ListSort />
                </Col>
            </Row>
        </div>);
}


